<template>
	<view>
		<view class="head">
		<view class="photo">
			{{arry.customer_name.charAt(0)}}
		</view>
			<view class="txt">
				<view class="txtTop">{{arry.customer_name}}</view>
				<view class="txtbot">{{user.telephone}}</view>
			</view>
		</view>
		<view class="box">
			<view class="">收款金额</view>
			<view class="">{{arry.money}}元</view>
		</view>
		<view class="boxTwo">
			<view class="">操作人</view>
			<view class="">{{arry.user_name}}</view>
		</view>
		<view class="boxTwo">
			<view class="">收款账户</view>
			<view class="">{{payment_way}}</view>
		</view>
		<view class="boxTwo">
			<view class="">时间</view>
			<view class=""> {{arry.create_time | birtime}}</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			arry:'',
			user:'',
			payment_way:''
		};
	},
		
	methods:{
		changeMoney() {
			if (this.arry.payment_way == 1) {
				this.payment_way= '现金';
			}
			if (this.arry.payment_way == 2) {
				this.payment_way= '支付宝';
			}
			if (this.arry.payment_way == 3) {
				this.payment_way= '微信';
			}
			if (this.arry.payment_way == 4) {
				this.payment_way= '银行卡';
			}
			if (this.arry.payment_way == 5) {
				this.payment_way= '其他';
			}
			// console.log(this.payment_way);
		},
	},
	onLoad() {
	this.arry=uni.getStorageSync('DetailsOfCashier')
	this.user=uni.getStorageSync('User')
	// console.log(this.arry);
	this.changeMoney()
	},
};
</script>

<style lang="less">
page {
	background-color: #f7f4f8;
}
.head {
	margin-top: 30rpx;
	height: 191rpx;
	background-color: #ffffff;
	padding: 40rpx 30rpx;
	box-sizing: border-box;
	border-bottom: 2rpx solid #eeeeee;
	display: flex;
	.photo {
		color: #FFFFFF;
		line-height: 110rpx;
		text-align: center;
		background-color: #249af6;
		width: 110rpx;
		height: 110rpx;
		overflow: hidden;
		border-radius: 50%;
		image {
			width: 110rpx;
			height: 110rpx;
		}
	}
	.txt {
		margin-left: 38rpx;

		.txtTop {
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(51, 51, 51, 1);
		}
		.txtbot {
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(102, 102, 102, 1);
			margin-top: 25rpx;
		}
	}
}
.box {
	padding: 0 30rpx;
	height: 100rpx;
	line-height: 100rpx;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
}
.boxTwo {
	padding: 0 30rpx;
	height: 100rpx;
	line-height: 100rpx;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
}
</style>
